<template>
	<view class="open">
		<view class="top"></view>
		<view class="list">
			<view class="item">
				<view>购物享优惠</view>
				<view>巴拉巴拉介绍</view>
			</view>
			<view class="item">
				<view>销售得收益</view>
				<view>巴拉巴拉介绍</view>
			</view>
			<view class="item">
				<view>销售赚积分</view>
				<view>巴拉巴拉介绍</view>
			</view>
			<view class="item">
				<view>拉新送红包</view>
				<view>巴拉巴拉介绍</view>
			</view>
		</view>
		
		<view class="bottom">
			<view class="tip">本活动最终解释权归XXX所有</view>
			<button type="primary">立即开通</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.open {
	width: 100%;
	min-height: 100%;
	position: absolute;
	background-color: #f3f3f3;
	font-size: 24upx;
	padding-bottom: 200upx;
}
.top {
	width: 649upx;
	height: 160upx;
	background-color: #797979;
	margin: auto;
	margin-top: 30upx;
}
.item {
	width: 100%;
	height: 194upx;
	background-color: #fff;
	padding: 30upx 40upx;
	color: #666;
}
.item view:first-child {
	font-size: 30upx;
	margin-bottom: 20upx;
	color: #333;
}
.bottom {
	height: 200upx;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}
.bottom .tip {
	height: 82upx;
	line-height: 82upx;
	text-align: center;
	color: #666666;
}
.bottom button {
	width: 100%;
	height: 118upx;
	line-height: 118upx;
	background-color: #F52A4C;
	font-size: 30upx;
	color: #fff;
	border-radius: 0;
}
</style>
